<template>
	<div class="mineHead">
		<div class="mineHeadListBox">
			<div class="mineHeadList">
				<div class="mineHeadListFlex">
					<img src="../../../assets/images/收音机.png"/>
					<span>私人FM</span>
				</div>
			</div>
			<div class="mineHeadList">
				<div class="mineHeadListFlex">
					<img src="../../../assets/images/收音机.png"/>
					<span>私人FM</span>
				</div>
			</div>
			<div class="mineHeadList">
				<div class="mineHeadListFlex">
					<img src="../../../assets/images/收音机.png"/>
					<span>私人FM</span>
				</div>
			</div>
			<div class="mineHeadList">
				<div class="mineHeadListFlex">
					<img src="../../../assets/images/收音机.png"/>
					<span>私人FM</span>
				</div>
			</div>
			<div class="mineHeadList">
				<div class="mineHeadListFlex">
					<img src="../../../assets/images/收音机.png"/>
					<span>私人FM</span>
				</div>
			</div>
			<div class="mineHeadList">
				<div class="mineHeadListFlex">
					<img src="../../../assets/images/收音机.png"/>
					<span>私人FM</span>
				</div>
			</div>
			<div class="mineHeadList">
				<div class="mineHeadListFlex">
					<img src="../../../assets/images/收音机.png"/>
					<span>私人FM</span>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		name:"mineHead",
		data(){
			return{
				
			}
		}
		
	}
</script>

<style lang="scss" scoped>
	@import "~@/assets/css/common.scss";
	.haha{
		
	}
	.mineHead{
		width: 100%;
		.mineHeadListBox{
			margin: vw(10) 0 vw(20);
			width: 100%;
			overflow-x: scroll;
			white-space: nowrap;
			.mineHeadList{
				width: vw(84);
				display: inline-block;
				.mineHeadListFlex{
					width: 100%;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					font-size: 0;
					img{
						width: vw(43);
						height: vw(43);
					}
					span{
						margin-top: vw(5);
						font-size: vw(10);
						color: #a3a3a3;
					}
				}
			}
		}
	}
</style>